import React, { Component } from 'react'

export default class DetailsInfo extends Component {
    
    render() {
        return (
            <div className="detailsInfo">
                    <h2>商品详情信息<button onClick={this.props.offdetailsInfo}>&times;</button></h2>
                    <ul>
                        <li><span>品牌:</span>
                        {this.props.state.brand}
                        </li>
                        <li><span>名称:</span>
                        {this.props.state.goodsName}
                        </li>
                        <li><span>型号:</span>
                        {this.props.state.model}
                        </li>
                        <li><span>分类:</span>
                        {this.props.state.category}
                        </li>
                        <li><span>入库时间:</span>
                        {this.props.state.intoDatetime}
                        </li>
                        <li><span>数量:</span>
                        {this.props.state.quantity}
                        </li>
                        <li><span>单价:</span>
                        ￥{this.props.state.price}
                        </li>
                    </ul>
                </div>
        )
    }
}
